/* ------------------------------------------------------------
 * PUBLIC SITE SCHOOL
 * ------------------------------------------------------------
 */
.hp-find-sect{
	margin-top:3px;
	width:100%;
	height:707px;
	background:url(#{$firstlevel-path}images/index/hp-find-school-sect-bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.hp-find-cont{
	height:inherit;
	@include fn-clearfix;
	&:before{
		display:table;
		content:'';
	}
}
.hp-find-hd{
	margin-top:140px;
}
.find-col-title{
	margin:0 auto;
	width:146px;
	height:58px;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.srch-form{
	width:650px;
	height:60px;
	margin:55px auto 0 auto;
	background-color:#fff;
	@include fn-border-radius(2px);
	@include fn-box-shadow(0 0 20px rgba(0,0,0,.1));
	overflow:hidden;
	.input-txt{
		float:left; 
		padding:20px;
		width:490px;
		height:60px;
		border:none;
		font-size:16px;
		color:#999;
		line-height:20px;
	}
	.submit-btn{
		float:left;
		width:160px;
		height:60px;
		font-size:0;
		text-indent:-999px;
		border:none;
		background:url(#{$firstlevel-path}images/index/hp-find-icon.png);
		background-repeat: no-repeat;
		background-position: center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		cursor:pointer;
	}
}

.hp-find-bd{
	margin-top:50px;
	width:100%;
	@include fn-clearfix;
}
.h-find-items{
	margin:0 -10px;
	@include fn-clearfix;
}
.h-find-item{
	padding:0 20px;
	margin:10px;
	float:left;
	width:280px;
	height:80px;
	@include fn-border-radius(2px);
	&.h-find-item0{
		background:url(#{$firstlevel-path}images/index/hp-find-item-bg1.png);
	}
	&.h-find-item1{
		background:url(#{$firstlevel-path}images/index/hp-find-item-bg2.png);
	}
	&.h-find-item2{
		background:url(#{$firstlevel-path}images/index/hp-find-item-bg3.png);
	}
	&.h-find-item3{
		background:url(#{$firstlevel-path}images/index/hp-find-item-bg4.png);
	}
	&.h-find-item4{
		background:url(#{$firstlevel-path}images/index/hp-find-item-bg6.png);
	}
	&.h-find-item5{
		background:url(#{$firstlevel-path}images/index/hp-find-item-bg5.png);
	}
	&.h-find-item6{
		background:url(#{$firstlevel-path}images/index/hp-find-item-bg7.png);
	}
	&.h-find-item7{
		background:url(#{$firstlevel-path}images/index/hp-find-item-bg8.png);
	}
}
.f-item-link{
	display:block;
	width:100%;
	height:100%;
	strong{
		margin:10px 20px 0 20px;
		float:left;
		display:block;
		width:183px;
		font-size:24px;
		color:#fff;
		font-style: oblique;
	}
	span{
		margin-top:2px;
		display:block;
		width:100%;
		font-size:16px;
		font-style: normal;
		font-weight:400;
	}
	em{
		font-style: normal;
		font-weight:700;
	}
	i{
		font-size:20px;
		line-height:80px;
		color:#fff;
		@include fn-transition(all .4s ease);
	}
	&:hover{
		i{
			@include fn-transform(translateX(-40px));
		}
	}
}











